import i18n from './i18n'
import App from './App.vue'
import store from './store'
import router from './router'
import { createApp } from 'vue'
import TrendsForm from "./components/FormDesigner/TrendsForm";

import drawerDrag from './directives/drawer-drag'
import ElementPlus from 'element-plus';
import { Splitpanes, Pane } from 'splitpanes'

import 'animate.css';
import 'md-editor-v3/lib/style.css';
import 'splitpanes/dist/splitpanes.css'
import 'font-awesome/css/font-awesome.css';
import './assets/iconfont_icon/iconfont.css';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App).directive('drawer-drag', drawerDrag).use(router).use(ElementPlus).use(store).use(i18n).component('TrendsForm', TrendsForm).component('Splitpanes', Splitpanes).component('Pane', Pane).mount('#app');

export default app;
